<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页 | L-LEMON</title>


    <!--STYLESHEET-->
    <!--=================================================-->

    <!--Open Sans Font [ OPTIONAL ]-->
    <link href='assets/css/26707bedc25a4344bb99d7e1215825f4.css' rel='stylesheet' type='text/css'>

    <!--Bootstrap Stylesheet [ REQUIRED ]-->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">

    <!--Nifty Stylesheet [ REQUIRED ]-->
    <link href="assets/css/nifty.min.css" rel="stylesheet">

    <!--Demo [ DEMONSTRATION ]-->
    <link href="assets/css/nifty-demo.min.css" rel="stylesheet">

    <!--Magic Checkbox [ OPTIONAL ]-->
    <link href="assets/css/magic-check.min.css" rel="stylesheet">

    <!--JAVASCRIPT-->
    <!--=================================================-->

    <!--Pace - Page Load Progress Par [OPTIONAL]-->
    <link href="assets/css/pace.min.css" rel="stylesheet">
    <script src="assets/js/pace.min.js"></script>

    <!--jQuery [ REQUIRED ]-->
    <script src="assets/js/jquery-2.2.4.min.js"></script>

    <!--BootstrapJS [ RECOMMENDED ]-->
    <script src="assets/js/bootstrap.min.js"></script>

    <script src="assets/js/md5.js"></script>
    
    <script src="assets/js/common.js"></script>
    <!--=================================================-->

    <!--Background Image [ DEMONSTRATION ]-->
    <script src="assets/js/bg-images.js"></script>
    
    <script type="text/javascript">
    	$(document).ready(function() {
    		$('form').submit(function(e) {
        		e.preventDefault();
        		// 校验
        		
        		// 登录
                var params = $(this).serializeObject();
                params.password && (params.password = hex_md5(params.password));
        		$.ajax({
        			type: 'post',
        			url: 'login',
            	    dataType: 'json',
            		contentType:'application/json;charset=UTF-8',
        			data: JSON.stringify(params),
        			success: function(d) {
        				if(d.code=='200')
        					location.href = 'index.html'
        			}
        		});
        		return false;
        	});
    	})
    </script>
</head>

<body>
<div id="container" class="cls-container">
    <!-- BACKGROUND IMAGE -->
    <!--===================================================-->

    <div id="bg-overlay"></div>

    <!-- LOGIN FORM -->
    <!--===================================================-->
    <div class="cls-content">
        <div class="cls-content-sm panel">
            <div class="panel-body">
                <div class="mar-ver pad-btm">
                    <h3 class="h4 mar-no">柠檬物业管理平台</h3>
                    <p class="text-muted">登录你的账号</p>
                </div>
                <form>
                    <div class="form-group">
                        <input type="text" name="account" class="form-control" placeholder="用户名" autofocus>
                    </div>
                    <div class="form-group">
                        <input type="password" name="password" class="form-control" placeholder="密码">
                    </div>
                    <div class="checkbox pad-btm text-left">
                        <input id="demo-form-checkbox" class="magic-checkbox" type="checkbox">
                        <label for="demo-form-checkbox">记住我</label>
                    </div>
                    <button class="btn btn-primary btn-lg btn-block" type="submit">登录</button>
                </form>
            </div>

            <div class="pad-all">
                <a href="pages-password-reminder.html" class="btn-link mar-rgt">忘记密码 ?</a>
            </div>
        </div>
    </div>
    <!--===================================================-->

    <!-- DEMO PURPOSE ONLY -->
    <!--===================================================-->
    <div class="demo-bg">
        <div id="demo-bg-list">
            <div class="demo-loading"><i class="psi-repeat-2"></i></div>
            <img class="demo-chg-bg bg-trans active" src="assets/picture/bg-trns.jpg" alt="Background Image">
            <img class="demo-chg-bg" src="assets/picture/bg-img-1.jpg" alt="Background Image">
            <img class="demo-chg-bg" src="assets/picture/bg-img-2.jpg" alt="Background Image">
            <img class="demo-chg-bg" src="assets/picture/bg-img-3.jpg" alt="Background Image">
            <img class="demo-chg-bg" src="assets/picture/bg-img-4.jpg" alt="Background Image">
            <img class="demo-chg-bg" src="assets/picture/bg-img-5.jpg" alt="Background Image">
            <img class="demo-chg-bg" src="assets/picture/bg-img-6.jpg" alt="Background Image">
            <img class="demo-chg-bg" src="assets/picture/bg-img-7.jpg" alt="Background Image">
        </div>
    </div>
    <!--===================================================-->

</div>
<!--===================================================-->
<!-- END OF CONTAINER -->


</body>
</html>